﻿.leftNav
{
    /*color: white;
	width: 200px;
	/* attempt to make page resizeable
	width: 15%; /
	background-color: rgb(54, 54, 54);
	margin-left: -50px;
	position: relative;
	min-height: 400px;
	/*background-color:rgb(91,150,212);
	box-shadow:0px 0px 20px 0px black;*/
	
	float: left;
    width: 200px;
    background-color: rgb(146, 146, 146);
    margin-left: -50px;
    min-height: 400px;
}

.leftNav #menuNav{
	position: relative;
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	width:100%;
	float: left;
}

.link{
	font-size: 20px;
	position: relative;
	list-style: none;
	padding: 5px 30px;
}

.leftNav #menuNav li a:hover{
	background-color: rgba(255, 255, 255, 0.20);
	/*transition: color 0.25s linear,background-color 0.25s linear;*/
}

.leftNav #menuNav li a.open{
	background-color: rgba(255, 255, 255, 0.20);
	/*transition: color 0.25s linear,background-color 0.25s linear;*/
}

.leftNav #menuNav li a{
	display: block;
	text-decoration: none;
	color: white;
}

/* Sub menu */


.leftNav #menuNav li ul{ 
	display: none;
}

.leftNav ul ul{
	background: rgb(78, 78, 78);
	color: black;
	list-style:none;
	margin-left: -40px;
	position: relative;
	display: none;
}

table 
{
    font-size: x-small;
}

.mainContent {
    margin-left: 19%;
    width: 87%;
    height: 100%;
    min-height: 400px;
}

.MainTitle
{
    font-size: 30px;
}

.clean
{
    font-size: 20px;
	position: relative;
	list-style: none;
	padding: 5px 30px;
}

.eventsTesterDiv
{
    background-color: Blue;
    width: 100%;
    height: 100%;
}